.mirror-sync-container {
  &-header {
    display: flex;
    align-items: center;
    padding-bottom: 20px;
    margin-top: 8px;
    border-bottom: 1px solid $gray-03;
    &-text {
      flex: 1;
      font-size: 14px;
      line-height: 20px;
      &-title {
        color: #262626;
        margin-bottom: 8px;
      }
      &-desc {
        color: #8c8c8c;
      }
    }
    &-switch {
      flex: none;
    }
  }
  &-resource {
    padding: 19px 0;
    .next-message-notice {
      display: flex;
      align-items: center;
    }
    .next-message-content {
      margin-top: 0 !important;
    }
    &-content {
      display: flex;
      align-items: center;
      & > span {
        display: flex;
        flex: 1;
        align-items: center;
        div {
          margin-bottom: 0 !important;
        }
      }
      &-btn {
        flex: none;
      }
    }
    &-account {
      margin: 10px 0 0 0;
      &-info {
        color: $gray-06;
        font-size: 14px;
      }
      &-modify {
        margin-left: 30px;
      }
      &-cancel {
        margin-left: 25px;
        color: red !important;
      }
      &-setnow {
        margin-left: 30px;
      }
    }
  }

  &-operate {
    margin-bottom: 13px;
    &-desc {
      float: right;
      color: #8c8c8c;
      font-size: 14px;
      line-height: 36px;
    }
  }

  &-table {
    white-space: nowrap;
  }
}
.no-wrap-hidden {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
